<template>
  查询控件
  <hr>
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  <nf-find
    :findValue="findValue"
    :findArray="findArray"
    v-bind="findMeta"
  >
  </nf-find>
  <hr>
  <div
    v-for="(item, key, index) in findValue"
    :key="index"
  >
    {{key}}： {{item}}
  </div>
  <hr>
  <div
    v-for="(item, key, index) in findArray"
    :key="index"
  >
    {{key}}： {{item}}
  </div>
</template>

<script>
  import { reactive, nextTick } from 'vue'
  import { ElLoading } from 'element-plus'
  import { lifecycle } from '/nf-ui-core'
  import { nfFind } from '/nf-ui-elp'
  import _findMeta from './find.json'

</script>

<script setup>
  lifecycle('查询组件', true)

  // 获取表单控件需要的meta
  const findMeta = reactive(_findMeta)

  // 根据 meta 创建表单的 model
  const findValue = reactive({})
  const findArray = reactive([])

</script>